<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue练习</title>
</head>
<body>
 <div id="d">
     <p>{{ count }}</p>
<!--     <p>{{ name }}</p>-->
<!--     <ul>-->
<!--         <li v-for="t of todoList">{{ t }}</li>-->
<!--     </ul>-->
 </div>
 <button type="button" onclick="test()">按钮</button>
<script src="vue.global.js"></script>
<script>
    const vue =Vue.createApp({
        //vue的一种挂载方式，不将代码写在html标签里
       template:'<p>{{ name }}</p>',
       data(){
           return{
             count:1,
             name:'zhangsan',
             todoList:['ashd','ksafhajks']
           }
       }
       //.mount方法为一个接收css选择器的容器
    }).mount('#d')
    function test(){
        vue.count = 15;
        vue.todoList.push('daf','sdajnsd')
    }
</script>
</body>
</html>